//放大镜
			var $spic=$('#spic');
			var $minimg=$('#spic img');//小图
			var $sf=$('#sf');//小放
			var $bf=$('#bf');//大放
			var $img=$('#bf img');//大图
			var $btnl=$('#left');//左按钮
			var $btnr=$('#right');//有按钮
			var $ul=$('#list .ul1');
			var $ali=$('#list .ul1 li');
			var index=0;//当前li索引值
		
			$minimg.on('mouseenter',function(){//鼠标穿过
				$sf.css('width',Math.ceil($minimg.width()*$bf.width()/$img.width()))
							.css('height',Math.ceil($minimg.height()*$bf.height()/$img.height()));
				$sf.show();
				$bf.show();
				var $scale=$bf.width()/$sf.width();//比例
				$minimg.on('mousemove',function(ev){
					var ev=ev||window.event;
					var l=Math.ceil(ev.pageX-$minimg.offset().left-$sf.width()/2);
					var t=Math.ceil(ev.pageY-$minimg.offset().top-$sf.height()/2);		
					//边界判断
					if(l<0){//限制盒子在小图中可见
						l=0;
					}else if(l>=$minimg.width()-$sf.width()){
						l=$minimg.width()-$sf.width();
					}
					if(t<0){
						t=0;
					}else if(t>=$minimg.height()-$sf.height()-3){
						t=$minimg.height()-$sf.height()-3;
					}		
					$sf.css({
						left:l,
						top:t
					});
					$img.css({
						left:-Math.ceil($scale*l),
						top:-Math.ceil($scale*t)
					});//大图显示范围		
				});	
				$minimg.on('mouseleave',function(){	
					$sf.hide();
					$bf.hide();
				});
				return false;//取消默认事件
			});
			function move(){
				$ul.animate({
					left:-64*index
				},200);
				$ali.eq(index).addClass('active').siblings('li').removeClass('active');
				$img.attr('src',$ali.eq(index).children().attr('src'));
				$minimg.attr('src',$ali.eq(index).children().attr('src'));
			}
			$ali.mouseover(function(){//鼠标进过
				index=$(this).index();
				$ali.eq(index).addClass('active').siblings('li').removeClass('active');
				$img.attr('src',$ali.eq(index).children().attr('src'));
				$minimg.attr('src',$ali.eq(index).children().attr('src'));
			});
		    
			$btnr.click(function(){
				index++;
				if(index+1>=$ali.length){
					index=$ali.length-1;
				}
				move();
			});
			$btnl.click(function(){
				index--;
				if(index<=0){
					index=0;
				}
				move();
			});
			
//数量

			var sidarr=[];//存放商品编号（sid）
			var numarr=[];//存放商品数量
			//获取对应的cookie,转换成对应的数组
			function cookieToArray(){
				if(getCookie('chartsid')){
					sidarr=getCookie('chartsid').split(',');//将cookie值通过逗号拆分为数组。
				}else{
					sidarr=[];
				}
				if(getCookie('chartnum')){//存放数量
					numarr=getCookie('chartnum').split(',');
				}else{
					numarr=[];
				}
			}
			var $jia=$('#jia');//数量加
			var $jian=$('#jian');//数量减
			var $chart=$('#gowuche');//加入购物车按钮
			var $shuliang=$('.shuliang span');
			var num=$shuliang.html();;//当前的数量
			$jia.hover(function(){
				$(this).css('background-position','-38px -157px');
			},function(){
				$(this).css('background-position','0 -157px');
			});
			$jian.hover(function(){
				$(this).css('background-position','-38px -176px');
			},function(){
				$(this).css('background-position','0 -176px');
			});
			$jia.click(function(){
				num++;
				$shuliang.html(num);
			});
			$jian.click(function(){
				num--;
				if(num<=1){
					num=1;
				}
				$shuliang.html(num);
			});
//弹出框			
			var $dialog=$('#mask');
			var $jiesuan=$('#chart');
			var $guanbi=$('#jixu');
			var $span=$('#dialog h3 span');
			//console.log(document.body.clientWidth+'---'+document.body.clientHeight);
			$chart.click(function(ev){
				$dialog.css('height',ev.clientX);
				$dialog.show();
			});
			$span.click(function(){
				$dialog.hide();
			});
			$guanbi.click(function(){
				$dialog.hide();
			});
			$jiesuan.click(function(){
				cookieToArray();
				var index=sidarr.indexOf('1');
				if(index!=-1){//存在
					numarr[index]=parseInt($shuliang.html())+parseInt(numarr[index]);//加上原有的数量
					addCookie('chartnum',numarr.toString(),7);
				}else{
					sidarr.push('1');
					addCookie('chartsid',sidarr.toString(),7);
					numarr.push($shuliang.html());
					addCookie('chartnum',numarr.toString(),7);
				}
				$(this).href('chart.html');
			});

